#thegrid {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: 130px auto 1fr 100%;
  grid-template-rows: 130px auto 1fr 100%;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  grid-template-areas: "header" "rightbar" "mainstuff" "footer";
}
.header {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: header;
}
#footer2012 {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
  grid-area: footer;
}
main {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  grid-area: mainstuff;
  display: block;
}
#leftbar {
  grid-area: leftbar;
}
#rightbar {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
  grid-area: rightbar;
}
#leftbar {
  display: none;
}
@media screen and (min-width: 770px) {
  #thegrid {
    -ms-grid-columns: 150px 1fr 150px;
    grid-template-columns: 150px 1fr 150px;
    grid-template-areas: "header header header" "leftbar mainstuff rightbar" "footer footer footer";
  }
  #leftbar,
  #rightbar {
    display: block;
  }
  .header {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
  }
  #footer2012 {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
  }
  main {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
  #leftbar {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  #rightbar {
    -ms-grid-row: 2;
    -ms-grid-column: 3;
  }
}
main {
  background-color: #fff;
  padding: 10px;
}
div.prodfilterbar {
  float: none;
  background-color: #fff;
  border-radius: 0;
  border: 0;
}
.prodfilterbar fieldset {
  background-color: #fff;
  border: none;
  margin: 10px 0 6px 0;
}
.prodfilterbar legend {
  background-color: #fff;
  border: none;
  font-weight: 700;
}
@media (max-width: 770px) {
  .prodfilterbar fieldset {
    margin: 0;
  }
  .kjpagenummobile {
    display: none;
  }
}
,
div.prodnavigation {
  padding-left: 0;
}
.prodfilterbar legend {
  cursor: pointer;
}
.toggleAccordion {
  font-size: 1.5em;
  color: #00f;
}
.kjCheckBoxWrap {
  display: none;
}
#kjnews {
  display: none;
}
@media (min-width: 770px) {
  #leftbar {
    background-color: #e8e8e8;
  }
  #rightbar {
    background-color: #fff;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
  }
  div.prodfilterbar {
    margin-top: 100px;
  }
  .optHide {
    display: inline;
  }
  .optShow {
    display: none;
  }
  .kjCheckBoxWrap {
    display: block;
  }
  #kjnews {
    display: block;
    width: 150px;
    float: right;
    height: 100%;
  }
}
.kjfiltered {
  background-color: #e8e8e8;
  float: left;
  padding: 4px 8px;
  margin: 0 10px 6px 0;
  border: 1px solid #000;
}
.kjfiltered a {
  font-weight: 700;
}
.kjpagenum {
  float: left;
  background-color: #e8e8e8;
  color: #606060;
  padding: 6px 10px;
  border-style: solid;
  border-width: 0 1px 0 0;
}
.kjpagenumbox {
  display: flex;
  justify-content: center;
}
.currpage {
  background-color: #ccc;
  color: #606060;
}
.kjnext {
  border-width: 0;
}
.kjperpagebar {
  float: left;
  background-color: #aff;
  margin: 10px 10px;
  border: 1px solid #aaa;
}
div.pagenums {
  clear: both;
  float: none;
}
div.prodfilter {
  margin: 0;
  padding: 4px;
}
.kjfilterbox {
  display: block;
  margin-top: 10px;
}
.kjfilterbuttonbox {
  display: none;
}
.kjfilterby {
  display: block;
  font-weight: 700;
  margin: 10px 0;
}
#kjprodsper {
  height: 100%;
}
@media (max-width: 770px) {
  .kjfilterbutton {
    border-radius: 2px;
    font-family: Arial;
    color: #000;
    font-size: 16px;
    margin: 6px 0 0 0;
    padding: 5px 20px 5px 20px;
    border: solid #707070 1px;
    text-decoration: none;
    cursor: pointer;
    width: 100%;
  }
  .kjfilterby {
    display: none;
  }
  .kjfilterbox {
    display: none;
  }
  .kjfilterbuttonbox {
    display: block;
  }
}
.filterApplyWrap {
  float: left;
  width: 100%;
  text-align: left;
  margin: 5px 0 5px 0;
  display: none;
}
.filterApplyWrap > input {
  cursor: pointer;
  background-color: #8e8;
  background-image: linear-gradient(to bottom, #8e8, #2b2);
  border-radius: 2px;
  font-family: Verdana, Helvetica, sans-serif;
  color: #000;
  font-size: 16px;
  padding: 5px 20px 5px 20px;
  border: solid #707070 1px;
  text-decoration: none;
}
.filterApplyWrap > input:disabled {
  cursor: default;
  background-color: #e1e1e1;
  background-image: none;
  color: #555;
}
.mcda {
  float: right;
  clear: both;
  max-width: 60px;
  text-align: center;
  color: #f22;
  font-size: 12px;
  font-weight: 700;
}
a.mcdal:link {
  color: #c00;
}
a.mcdal:visited {
  color: #c00;
}
a.mcdal:hover {
  color: #c00;
}
.prodimage {
  -webkit-box-shadow: 1px 1px 2px 0 #888;
  box-shadow: 1px 1px 2px 0 #888;
  width: 125px;
}